<template>
  <div class="page-collapse bg-color-white">
    <div class="collapse-title">
      <slot name="title"></slot>
    </div>
    <el-collapse-transition>
      <div v-show="collapseStatus" class="page-collapse-content">
        <slot></slot>
      </div>
    </el-collapse-transition>
  </div>
</template>
<script>
export default {
  /**
   * 页面表格面板组件
   */
  name: 'PageTableCollapse',
  props: {
    collapseStatus: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {
    }
  }
}
</script>
<style lang="scss">
.page-collapse {
  padding: 0px 20px;
  border-radius: 8px;
  .collapse-title {
    padding: 20px 0px;
    border-bottom: 1px solid $--border_color;
  }
  .page-collapse-content {
    padding: 20px 0px 0px 0px;
  }
}
</style>